import { createApp } from 'vue'
import 'makeit-admin-pro/dist/miitvip.min.css'
import './assets/css/reset.css'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/css/iconfont.js'
import { Col, Row, Grid, GridItem, Image as VanImage, Button, Tab, Tabs, RadioGroup, Radio  } from 'vant';
import { createInstruct2 } from './common/permission'

import 'vant/lib/index.css'
import { Cascader } from "ant-design-vue";


// import videojs from 'video.js'
// 视频与音频
// import 'video.js/dist/video-js.css'
// import 'vue-video-player/src/custom-theme.css'
// import 'videojs-flash'


// vue3-toast-notification
// import ToastPlugin from "vue-toast-notification"
// import {useToast} from 'vue-toast-notification';
import VueToastification from 'vue-toast-notification';
import 'vue-toast-notification/dist/theme-sugar.css';
const app = createApp(App)
// 视频插件
import Vue3VideoPlayer from '@cloudgeek/vue3-video-player'
import '@cloudgeek/vue3-video-player/dist/vue3-video-player.css'

// 全局注册自定义指令
app.directive('createInstruct', createInstruct2)

import MakeitAdminPro from 'makeit-admin-pro'
app.use(Vue3VideoPlayer,{lang: 'zh-CN'})
app.use(Cascader);
app.use(router).use(VueToastification,{}).use(VanImage).use(MakeitAdminPro).use(store).use(Grid).use(GridItem).use(Col).use(Row).use(Button).use(Tab).use(Tabs).use(RadioGroup).use(Radio).mount('#app')
